<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>

<!DOCTYPE HTML>

<html lang="pt-br">

	<head>
    
    	<meta charset="utf-8">
        <title>Aquino e Vasconcelos - Painel Administrador (Novo Cliente)</title>
        
        <link href="../global_arquivos/img/favicon.ico" type="image/x-icon" rel="shortcut icon">
        
        <!-- Global Css - Página -->
        <link rel="stylesheet" href="../global_arquivos/css/style.css" media="all">
        
        <!-- Css Da Página -->
        <link rel="stylesheet" href="css/style_painel.css" media="all">
        
        <!-- Fontes e Ícones -->
        <link rel="stylesheet" href="../global_arquivos/fonts/style_fonts.css" media="all">
        
        <!-- Efeito Lateral (Acesso Rápido) -->
        <link rel="stylesheet" href="../global_arquivos/js/efeito_lateral/jquery.pageslide.css" media="all">
        
        <!-- Css Do Formulário De Cadastro De Cliente -->
        <link rel="stylesheet" href="css/style_novo_cliente.css" media="all">
        
        <!-- Css Bootstrap -->
        <link href="../global_arquivos/js/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all">
        
        <!-- Script De Validação - Formulário -->
        <script src="js/validar_novo_administrador.js"></script>
        
        <!-- Script De Máscaras -->
        <script src="../global_arquivos/js/outros/mascaras.js"></script>
        
 	</head>
    
	<body>
    
    	<!-- Plugin Para o Bootstrap -->
    	<script src="../global_arquivos/js/bootstrap/js/bootstrap.min.js"></script>
    
    	<!-- Incluindo a Div, Links Úteis -->	
		<%@ include file="../global_arquivos/pages/links_uteis.jsp" %>
		
		<!-- Incluindo a Div, Topo -->	
		<%@ include file="../global_arquivos/pages/topo.jsp" %>
    
    	<div class="todo-conteudo">
		
			<div class="local-claro">
			
				<!-- Incluindo o Menu, Painel -->	
				<%@ include file="pages/menu.jsp" %>
				
				<div class="centro-conteudo">
                
                	<h2>Cadastro - Novo Administrador</h2>
                	
                	<div class="verificar-resolucao">
                              
                    </div>
                    	
                   	<% String msg = request.getParameter("msg");
                        
		    		if(msg != null) { %>
	    					
	    			<% if(msg.equals("sucesso")) { %>
	    					
		             	<div id="cadastro-sucesso">
	                            	
	                    Parabéns, Administrador Cadastrado Com Sucesso !
	                            
	                	</div> <%
							
	    				} else if(msg.equals("erro")) { %>
		             		
		             	<span style="color: red;">Erro no Cadastro!</span> <%
							
						} %>
						
					<% } %>
                    	
                    <div id="caixas" class="caixas caixa-erro">
                            	
                  		...
                            
                   	</div>
                    
                    <form action="../InserirAdministrador" method="post" name="formulario_novo_cliente" onSubmit="return validarDados();">
                    
                    	<fieldset>
                    
	                    	<div class="control-group">
	                            
	                            <label class="control-label" for="nome">Nome *</label>
	                            
	                            <div class="controls">
	                              
	                              	<input title="Qual o Nome Do Cliente ?" name="nome" id="nome" maxlength="100" type="text" onkeypress="return somente_letras();" autofocus>
	                            
	                            </div>
	                    	
	                        </div>
	                        
	                        <div class="control-group alinhamento-direita-cliente">
	                            
	                            <label class="control-label" for="razao-social">Login *</label>
	                            
	                            <div class="controls"> 
	                              
	                              	<input title="Qual a Razão Social Deste Cliente ?" value="${cacheCliente.razaoSocial}" name="login" id="login" maxlength="100" type="text">
	                            
	                            </div>
	                    	
	                        </div>
	                        
	                        <div class="control-group">
	                            
	                            <label class="control-label" for="area-interesse">E-mail *</label>
	                            
	                            <div class="controls">
	                              
	                              	<input title="Qual o Nome Fantasia Deste Cliente ?" name="email" id="email" maxlength="100" type="text">
	                            
	                            </div>
	                    	
	                        </div>
	                        
	                        <div class="control-group alinhamento-direita-cliente">
	                            
	                            <label class="control-label" for="area-interesse">Senha *</label>
	                            
	                            <div class="controls">
	                           	
	                              	<input title="Qual o CNPJ Deste Cliente ?" name="senha" maxlength="18" id="senha" type="text">
	                            
	                            </div>
	                    	
	                        </div>
	                        
	                        <div class="control-group">
	                            
	                            <label class="control-label" for="area-interesse">Confirmar Senha *</label>
	                            
	                            <div class="controls">
	                              
	                              	<input title="Qual o Email Do Cliente ?" name="confirmar_senha" id="confirmar_senha" maxlength="100" type="text">
	                            
	                            </div>
	                    	
	                        </div>
	                        
	                        <div class="esconder-campos">
	                        
	                            <div class="control-group alinhamento-direita-cliente">
	                                
	                                <label class="control-label" for="area-interesse">Rua *</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input title="Digite Aqui a Rua Do Cliente" name="rua" id="rua" type="text" maxlength="100">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group">
	                                
	                                <label class="control-label" for="area-interesse">Bairro *</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input title="Digite Aqui o Bairro Do Cliente" name="bairro" id="bairro" type="text" maxlength="100">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group alinhamento-direita-cliente">
	                                
	                                <label class="control-label" for="area-interesse">CEP *</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input title="Digite Aqui o CEP Do Cliente" name="cep" id="cep" type="text" maxlength="9" OnKeyPress="formatarMascara('#####-###', this)">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group">
	                                
	                                <label class="control-label" for="area-interesse">Complemento</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input title="Digite Aqui Algum Complemento Sobre a Localidade Do Cliente" name="complemento" id="complemento" type="text" maxlength="100">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group alinhamento-direita-cliente">
	                                
	                                <label class="control-label" for="area-interesse">Cidade *</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input title="Digite Aqui a Cidade Do Cliente" name="cidade" id="cidade" type="text" maxlength="50">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group">
	                                
	                                <label class="control-label" for="area-interesse">Estado *</label>
	                                
	                                <div class="controls">
	                                  
	                                    <select title="Escolha Aqui o Estado Que o Cliente Está" name="estado" id="estado">
	                                    
	                                    	<option>Selecione ...</option>
	                                    	<option>Acre</option>
	                                    	<option>Alagoas</option>
	                                    	<option>Amapá</option>
	                                    	<option>Amazonas</option>
	                                    	<option>Bahia</option>
	                                    	<option>Ceará</option>
	                                    	<option>Distrito Federal</option>
	                                    	<option>Espírito Santo</option>
	                                    	<option>Goiás</option>
	                                    	<option>Maranhão</option>
	                                    	<option>Mato Grosso</option>
	                                    	<option>Mato Grosso do Sul</option>
	                                    	<option>Minas Gerais</option>
	                                    	<option>Paraná</option>
	                                    	<option>Paraíba</option>
	                                    	<option>Pará</option>
	                                    	<option>Pernambuco</option>
	                                    	<option>Piauí</option>
	                                    	<option>Rio de Janeiro</option>
	                                    	<option>Rio Grande do Norte</option>
	                                    	<option>Rio Grande do Sul</option>
	                                    	<option>Rondonia</option>
	                                    	<option>Roraima</option>
	                                    	<option>Santa Catarina</option>
	                                    	<option>Sergipe</option>
	                                    	<option>São Paulo</option>
	                                    	<option>Tocantins</option>
	                                    
	                                    </select>
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group alinhamento-direita-cliente">
	                                
	                                <label class="control-label" for="area-interesse">Telefone *</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input type="text" title="Digite Aqui a Inscrição Municipal Do Cliente" name="telefone" id="telefone">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group">
	                                
	                                <label class="control-label" for="area-interesse">Celular 01</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input type="text" title="Digite Aqui a Inscrição Municipal Do Cliente" name="celular1" id="celular_01">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group alinhamento-direita-cliente">
	                                
	                                <label class="control-label" for="area-interesse">Celular 02</label>
	                                
	                                <div class="controls">
	                                
	                                    <input type="text" title="Digite Aqui a Inscrição Estadual Do Cliente" name="celular2" id="celular_02">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group">
	                                
	                                <label class="control-label" for="area-interesse">Função</label>
	                                
	                                <div class="controls">
	                                  
	                                    <input type="text" title="Digite Aqui a Inscrição Municipal Do Cliente" name="funcao" id="funcao">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group alinhamento-direita-cliente">
	                                
	                                <label class="control-label" for="area-interesse">CNPJ</label>
	                                
	                                <div class="controls">
	                                
	                                    <input type="text" title="Digite Aqui a Inscrição Estadual Do Cliente" name="cnpj" value="${verAdm.cnpj}" id="cnpj">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                            <div class="control-group senha-mestre-div">
	                                
	                                <label class="control-label" for="area-interesse">Senha Mestre</label>
	                                
	                                <div class="controls">
	                                
	                                    <input type="text" title="Digite Aqui a Inscrição Municipal Do Cliente" name="senhaMestre" id="senhaMestre">
	                                
	                                </div>
	                            
	                            </div>
	                            
	                        </div>
	                        
	                        <label class="campos-obrigatorios">Campos Obrigatórios Marcados Com ( <b>*</b> )</label>
	                      	<input id="botao-publicar" name="botao-publicar" title="Clique Aqui - Para Cadastrar Este Novo Cliente No Sistema" class="btn" type="submit" value="Cadastrar Agora">
                        
                        </fieldset>
                    
                    </form>
                
                </div>
            
            </div>
        
        </div>
        
        <!-- Incluindo a Div, Rodapé -->
		<%@ include file="../global_arquivos/pages/rodape.jsp" %>
        
        <!-- Script Do Jquery (Original) -->
        <script src="../global_arquivos/js/efeito_lateral/lib/jquery-1.9.1.min.js"></script>
        
        <!-- Script Do Efeito Lateral -->
        <script src="../global_arquivos/js/efeito_lateral/jquery.pageslide.min.js"></script>
    
		<script>
		
            $(".first").pageslide();
            $(".efeito-lateral").pageslide({direction: "left", modal: false });
			
        </script>
    
    </body>
    
</html>